<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2102123_gy13m3mq93k.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <script src="./jquery.min.js"></script>
    <script src="./jq.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="head-top">
            <div class="inner">
                <div class="logo">
                    <h1><a href="../img/logonew.png"></a></h1>
                </div>
                <div class="nav">
                    <ul>
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">酷玩</a></li>
                        <li><a href="#">导购</a></li>
                        <li><a href="../js/rty.html">试用</a></li>
                        <li><a href="#">报告</a></li>
                    </ul>
                </div>
                <a href="#" class="login">注册</a>
                <span class="search">
                    <i class="icon iconfont icon-fangdajing1"></i>
                </span>
            </div>
        </div>
        <div class="banner">
            <div class="inner">
                <h2>幻响小贝HIFI2.1音箱</h2>
                <p class="label">
                    <span>123人申请</span>
                    <span>￥500</span>
                    <span>20台</span>
                </p>
                <p class="time">申请时间剩余：13天5小时37分钟</p>
                <a href="#" class="btn">立即申请</a>
            </div>
        </div>

    </header>

    <main>
        <div class="hot-box">
            <div class="inner">
                <h2 class="title">热门试用</h2>
                <div class="slide-box">
                    <a href="javascript:void(0)" class="prev"></a>
                    <a href="javascript:void(0)" class="next"></a>
                    <div class="hot">
                        <ul>
                            <li class="item1">
                                <a href="#" class="con">
                                    <span class="top-tip sf">首发</span>
                                    <img src="../img/hot9.jpg" alt="">
                                    <h2 class="name">巴慕达 The Toaster 烤面包机</h2>
                                    <p class="label">
                                        <span class="red">2032</span>
                                        <span class="red">20台</span>
                                    </p>
                                    <p class="sq"><span class="red">1392</span><span>申请</span></p>
                                    <p class="current red">剩余时间2天</p>
                                </a>
                                <a href="#" class="con">
                                    <span class="top-tip ty">体验师专享</span>
                                    <img src="../img/hot10.jpg" alt="">
                                    <h2 class="name">Osprey小鹰户外运动专业腰包</h2>
                                    <p class="label">
                                        <span class="green">2032</span>
                                        <span class="green">20台</span>
                                    </p>
                                    <p class="sq"><span class="red">1392</span><span>申请</span></p>
                                    <p class="current green">查看试用名单</p>
                                </a>
                                <a href="#" class="con">
                                    <span class="top-tip sf">首发</span>
                                    <img src="../img/hot11.jpg" alt="">
                                    <h2 class="name">Liquid Image 338 运动摄影像眼镜</h2>
                                    <p class="label">
                                        <span class="red">2032</span>
                                        <span class="red">20台</span>
                                    </p>
                                    <p class="sq"><span class="red">1392</span><span>申请</span></p>
                                    <p class="current red">剩余时间2天</p>
                                </a>
                                <a href="#" class="con" style="margin-right: 0;">
                                    <span class="top-tip sf">首发</span>
                                    <img src="../img/hot12.jpg" alt="">
                                    <h2 class="name">巴慕达 The Toaster 烤面包机</h2>
                                    <p class="label">
                                        <span class="red">2032</span>
                                        <span class="red">20台</span>
                                    </p>
                                    <p class="sq"><span class="red">1392</span><span>申请</span></p>
                                    <p class="current red">剩余时间2天</p>
                                </a>
                            </li>
                            <li class="item2">
                                <a href="#" class="con">
                                    <span class="top-tip sf">首发</span>
                                    <img src="../img/hot9.jpg" alt="">
                                    <h2 class="name">巴慕达 The Toaster 烤面包机</h2>
                                    <p class="label">
                                        <span class="red">2000</span>
                                        <span class="red">20台</span>
                                    </p>
                                    <p class="sq"><span class="red">4312</span><span>申请</span></p>
                                    <p class="current red">剩余时间2天</p>
                                </a>
                                <a href="#" class="con">
                                    <span class="top-tip ty">体验师专享</span>
                                    <img src="../img/hot10.jpg" alt="">
                                    <h2 class="name">巴慕达 The Toaster 烤面包机</h2>
                                    <p class="label">
                                        <span class="green">2000</span>
                                        <span class="green">20台</span>
                                    </p>
                                    <p class="sq"><span class="red">4312</span><span>申请</span></p>
                                    <p class="current green">剩余时间2天</p>
                                </a>
                                <a href="#" class="con">
                                    <span class="top-tip sf">首发</span>
                                    <img src="../img/hot11.jpg" alt="">
                                    <h2 class="name">巴慕达 The Toaster 烤面包机</h2>
                                    <p class="label">
                                        <span class="red">2000</span>
                                        <span class="red">20台</span>
                                    </p>
                                    <p class="sq"><span class="red">4312</span><span>申请</span></p>
                                    <p class="current red">剩余时间2天</p>
                                </a>
                                <a href="#" class="con" style="margin-right: 0;">
                                    <span class="top-tip sf">首发</span>
                                    <img src="../img/hot12.jpg" alt="">
                                    <h2 class="name">巴慕达 The Toaster 烤面包机</h2>
                                    <p class="label">
                                        <span class="red">2000</span>
                                        <span class="red">20台</span>
                                    </p>
                                    <p class="sq"><span class="red">4312</span><span>申请</span></p>
                                    <p class="current red">剩余时间2天</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="report-box common">
            <div class="inner">
                <h2 class="title">
                    报道精选
                </h2>
                <a href="#" class="more">查看更多</a>
                <i class="icon iconfont icon-caidanlan"></i>
                <ul>
                    <li>
                        <img src="../img/bg1.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span>苏苏</span>
                                <div class="box1">
                                    <span><img src="../img/use5.png" alt="">3</span>
                                    <span><img src="../img/reply.png" alt="">3</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg2.jpg" alt="">
                        <div class="info">
                            <p class="name">怎么骑都不会累的智能自行车:云马C1试骑体验</p>
                            <div class="fix">
                                <div class="fix">
                                    <span>苏苏</span>
                                    <div class="box1">
                                        <span><img src="../img/use5.png" alt="">3</span>
                                        <span><img src="../img/reply.png" alt="">3</span>
                                    </div>
                                </div>
                            </div>
                    </li>
                    <li>
                        <img src="../img/bg3.jpg" alt="">
                        <div class="info">
                            <p class="name">声音不是最优秀，但它形音完美的结合，足够打动人心</p>
                            <div class="fix">

                    </li>
                    <li>
                        <img src="../img/bg4.jpg" alt="">
                        <div class="info">
                            <p class="name">风光大片信手詹来 ！ Vivo X6Pus不只是快，还是一台拍照利器</p>
                            <div class="fix">
                                <span class="left nick">苏苏</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg5.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left nick">苏苏</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg6.jpg" alt="">
                        <div class="info">
                            <p class="name">声音不是最优秀，但它形音完美的结合，足够打动人心</p>
                            <div class="fix">
                                <span class="left nick">苏苏</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg7.jpg" alt="">
                        <div class="info">
                            <p class="name">风光大片信手詹来 ！ Vivo X6Pus不只是快，还是一台拍照利器</p>
                            <div class="fix">
                                <span class="left nick">苏苏</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg8.jpg" alt="">
                        <div class="info">
                            <p class="name">声音不是最优秀，但它形音完美的结合，足够打动人心</p>
                            <div class="fix">
                                <span class="left nick">苏苏</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="guide common">
            <div class="inner">
                <h2 class="title">
                    导购精选
                </h2>
                <a href="#" class="more">查看更多</a>
                <i class="icon iconfont icon-caidanlan"></i>
                <ul>
                    <li>
                        <img src="../img/bg1.jpg" alt="">
                        <div class="info list">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg2.jpg" alt="">
                        <div class="info list">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg3.jpg" alt="">
                        <div class="info list">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg4.jpg" alt="">
                        <div class="info list">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="fx-box common">
            <div class="inner">
                <h2 class="title">
                    发现酷玩
                </h2>
                <a href="#" class="more">查看更多</a>
                <i class="icon iconfont icon-caidanlan"></i>
                <ul>
                    <li>
                        <img src="../img/bg1.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg2.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg3.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg4.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg5.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg6.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg7.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg8.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left nick">苏苏</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg1.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg2.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg3.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg4.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg5.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg6.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg7.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="../img/bg8.jpg" alt="">
                        <div class="info">
                            <p class="name">空气净化器里面学问多的惊呆你，你选对了码?</p>
                            <div class="fix">
                                <span class="left price">￥1200</span>
                                <p class="right">
                                    <span class="xin">3</span>
                                    <span class="look">3</span>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="more-button">
                    <a href="javascript:void(0)" class="comMore cl">点击加载更多</a>
                </div>
            </div>
        </div>
    </main>

    <footer>
        <div class="down-box">
            <div class="inner">
                <div class="fix">
                    <dl>
                        <img src="../img/code.png" alt="" width="160" height="160">
                    </dl>
                    <dl>
                        <dt>
                            <img src="../img/logoImg.jpg" alt="">
                        </dt>
                        <dd>全球酷玩导购试用平台<br>酷.新奇.好玩.品质</dd>
                        <dd style="margin-top: 13px;">微信添加"jguojguo"<br>获取我们的服务</dd>
                    </dl>
                    <dl>
                        <dt>免费试用</dt>
                        <dd>试用流程</dd>
                        <dd>如何提高成功率</dd>
                    </dl>
                    <dl>
                        <dt>友情链接</dt>
                        <dd>
                            <a href="#">智东西</a>
                            <a href="#">WEIBUSI</a>
                        </dd>
                        <dd>
                            <a href="#">搜狐IT</a>
                            <a href="#">腾讯科技</a>
                        </dd>
                        <dd>
                            <a href="#">搜狐数码</a>
                            <a href="#">凤凰科技</a>
                        </dd>
                        <dd>
                            <a href="#">凤凰数码</a>
                            <a href="#">PConline</a>
                        </dd>
                        <dd>
                            <a href="#">泡泡网</a>
                            <a href="#">3W咖啡</a>
                        </dd>
                        <dd>
                            <a href="#">ZUK社区</a>
                            <a href="#">亿觅emie</a>
                        </dd>
                        <dd>
                            <a href="#">极客公园</a>
                            <a href="#">易迅意启航</a>
                        </dd>
                        <dd>
                            <a href="#">果库</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>购买攻略</dt>
                        <dd><a href="#">美亚海淘教程</a></dd>
                        <dd><a href="#">日亚海淘教程</a></dd>
                        <dd><a href="#">海淘转运攻略</a></dd>
                        <dd><a href="#">kickstarter 众筹购买攻略</a></dd>
                        <dd><a href="#">indiegogo 众筹购买攻略</a></dd>
                    </dl>
                    <dl>
                        <dt>厂商合作</dt>
                        <dd><a href="#">关于极果</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">商务合作：BD@jiguo.com</a></dd>
                        <dd><a href="#">CEO邮箱：CEO@jiguo.com</a></dd>
                    </dl>
                    <dl></dl>
                </div>
            </div>
        </div>
    </footer>
    <div id="backTop" style="display: block;">
    </div>

</html>
<script src="./jq.js">
</script>